<template>
	<view>
        <view :style="{'width':'100%','height':height}" class="liuhai"></view>
        <view class="appbar" :style="{'top':height}">
        	<view class="lefticon" @tap="goback"></view>
        	<span>玩法</span>
        </view>
        <view :style="{'width':'100%','height':height}"></view>
		<view style="width: 100%;height: 90rpx;"></view>
        <image src="../../static/imags/index/play.png" mode="widthFix" style="width: 750rpx;"></image>
	</view>
</template>

<script>
	export default {
        onLoad() {
            var self = this
        	uni.getSystemInfo({
        		//成功获取的回调函数，返回值为系统信息
        		success: (sysinfo) => {
        			console.log('返回值为系统信息')
        			console.log(sysinfo)
        	        self.height = sysinfo.statusBarHeight + 'px'
        		},
        		complete: () => {}
        	});
        },
		data() {
			return {
				height:0,
			}
		},
		methods: {
            
			goback(){
				uni.navigateBack()
			},
		}
	}
</script>

<style>
.bgimg{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -3;
}
.liuhai{
	/* background-image: url(../../static/imags/set/title.png); */
    background-color: rgb(102,140,255);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}
.appbar{
	width: 100%;
	height: 90rpx;
	position: fixed;
	left: 0;
	background-color: rgb(102,140,255);
	line-height: 90rpx;
	text-align: center;
	font-size: 35rpx;
	color: #24325A;
	z-index: 999;
}

.appbar .lefticon{
	width: 57rpx;
	height: 58rpx;
	background-image: url(../../static/imags/set/fh.png);
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 30rpx;
	margin: auto;
}

</style>
